<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>signup</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .logo{
            padding: 20px;
            width:980px;
            margin: 10px auto;
        }
        #container{
            width:980px;
            height: 370px;
            position: relative;
            margin: 0 auto;
            border: 1px solid #1678be;
            border-radius: 5px;
        }
        .signup-hd{
            height: 32px;
            line-height: 30px;
            color: #e5f8ff;
            padding-left: 20px;
            font-size: 14px;
            position: relative;
            background-color: #2285C7;
        }
        li{
            list-style: none;
        }
        .signup-list{
            padding-top: 40px;
        }
        .signup-list li{
            height: 30px;
            line-height: 30px;
            margin-bottom: 5px;
        }
        .signup-list .label{
            display: block;
            height: 30px;
            float: left;
            text-align: right;
            width: 375px;
            padding-right: 5px;
        }
        .required{
            font-size: 16px;
            color: #ff0000;
            vertical-align: middle;
            margin-right: 2px;
            font-width: 400;
        }
        .signup-list .input{
            float: left;
        }
        .signup-list .input input{
            height: 18px;
            width: 200px;
            line-height: 18px;
            border: 1px solid #cfcdc7;
            background-color: #fff;
            padding:5px 0 5px 5px;
        }
        .signup-list .tips{
            float: left;
            display: inline;
            margin-left: 8px;
            color: #ff7f00;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
        }
        .signup-btn{
            margin: 50px;
        }
        .signup-btn input{
            width: 122px;
            height: 30px;
            line-height: 30px;
            display: block;
            margin: 0 auto;
            background-color: #ff7f00;
            border-radius: 5px;
            color: white;
            border: none;
            outline: none;
            cursor: pointer;
        }
    </style>
</head>

<body>
<p class="logo">你现在的位置：注册界面</p>
<div id="container">
    <div class="signup-hd">账户信息</div>
    <form method="post" action="http://localhost:8080/sellticket_war_exploded/user/register" id="bb" >
        <ul class="signup-list">
            <li>
                <div class="label">
                    <span class="required">*</span>
                    姓 名：
                </div>
                <div class="input">
                    <input type="text" name="user_name" placeholder="请输入姓名">
                </div>
                <div class="tips">
                    请正确填写以便身份核验
                </div>
            </li>
            <li>
                <div class="label">
                    <span class="required">*</span>
                    身份证号：
                </div>
                <div class="input">
                    <input type="text" name="user_cardno" placeholder="请输入身份证号码">
                </div>
                <div class="tips">
                    请正确填写以便身份核验
                </div>
            </li>
            <li>
                <div class="label">
                    <span class="required">*</span>
                    手机号：
                </div>
                <div class="input">
                    <input type="text" name="user_phone" placeholder="请输入手机号码">
                </div>
                <div class="tips">
                    请填写手机号码用于接收短信验证码
                </div>
            </li>
            <li>
                <div class="label">
                    <span class="required">*</span>
                    密 码：
                </div>
                <div class="input">
                    <input type="password" name="user_password" placeholder="请输入密码">
                </div>
                <div class="tips">
                    6-20位字母、数字或符号
                </div>
            </li>
            <li>
                <div class="label">
                    <span class="required">*</span>
                    确认密码：
                </div>
                <div class="input">
                    <input type="password" name="confirm_pwd" placeholder="请再次输入密码">
                </div>
                <div class="tips">

                </div>
            </li>
        </ul>

        <div class="signup-btn"><input type="submit" value="提交"></div>
    </form>
</div>
</body>
</html>

